/**************************************
* @update:  2021-05-11  LiLinBin  [创建文件]
* @update:  2021-05-11  LiLinBin  [添加部分函数来生成class]
*
* @description: 常用简单的class
**************************************/

//生成margin和 padding
.margin-padding(@n, @sum) when(@n<=@sum) {
    .mt-@{n} {
        margin-top: @n * 1px;
    }
    .ml-@{n} {
        margin-left: @n * 1px;
    }
    .mb-@{n} {
        margin-bottom: @n * 1px;
    }
    .mr-@{n} {
        margin-right: @n * 1px;
    }

    .pt-@{n} {
        padding-top: @n * 1px;
    }
    .pr-@{n} {
        padding-right: @n * 1px;
    }
    .pb-@{n} {
        padding-bottom: @n * 1px;
    }
    .pl-@{n} {
        padding-left: @n * 1px;
    }
    .margin-padding(@n+5, @sum);
}

.margin-padding(5, 50);



//浮动
.fl {
    float: left;
}

.fr {
    float: right;
}

.pr {
    position: relative;
}

.cursor-p {
    cursor: pointer;
}